<template>
	<view >
	<view v-if="checked" class="favorite" :style="{color:'#FB8C57'}">
		<up-icon name="heart-fill" customStyle="color:#FB8C57"  size="30"></up-icon>
		<text>{{title}}</text>
	</view>
	<view v-else class="favorite" :style="{color:'#777'}">
		<up-icon name="heart" customStyle="color:#777"  size="30"></up-icon>
		<text>{{title}}</text>
	</view>
	</view>  
</template>

<script>
	export default {
		name:"kb-favorite",
		props:{
			title: { type:String, default:'关注'},
			checked:{ type: Boolean, default: false}
		},
		emits:["changeClick"],
		data() {
			return {
				
			};
		},
		methods:{
			 
		}
	}
</script>

<style>
.favorite{
	width: 40px;
	display: flex;
	align-items: center;
	flex-direction: column;
}
</style>